<template>
    <div>
        <div class="content">
            <router-view></router-view>
        </div>
        
        <div>
            <router-link :to="i.path" v-for="(i,index) in nav" :key="index">
                <span :class="['iconfont',i.meta.icon].join(' ')"></span>
                {{i.meta.title}}
                </router-link>
        </div>
    </div>
</template>
<script>
import RouterConfig from '@/router/router.config'
export default {
    mounted(){
       
      
    
    },
    data(){
        return {
            nav:RouterConfig[0].children
        }
    }
}
</script>
<style scoped>
.content{
    width: 100%;
    height: 400px;
    background: #ddd;
}
</style>
